<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
div{
    font-size: 12px;
    font-family: Verdana;
    line-height: 25px;
}

    logo{
        width: auto;
        height: auto;
    }

    ul{

        background-color: azure;
    }

    .li{
        float: right;
    }

    menu{
        font-size: small;
        background: url(img/bg_bang.gif);
        line-height: 25px;
    }

    clear10{
        display: block;

    }

    .bookRight1{
        position:relative;
        bottom: 240px;
        left: 400px;

    }

    .bookRight2{
        position:relative;
        bottom: 200px;
        left: 400px;

    }



    footer{
    text-align: center;
    color: gray;
    }



</style>




<body>


    <div id="container">

        <div id="header">
            <div class="logo">
                <img src="img/logo.jpg">
    

            <ul>
                <li>尾品会</li>
                <li>当当优品</li>
                <li>数字馆<li>
                <li>都看阅器<li>
            </ul>

            </div>

        </div>

        <div id="menu">
            <a href="#">首页</a>
            <a href="#">图书</a>
            <a href="#">音像</a>
            <a href="#">童装</a>
            <a href="#">服装</a>
            <a href="#">鞋靴</a>
            <a href="#">运动</a>
            <a href="#">箱包</a>
            <a href="#">美妆</a>
            <a href="#">珠宝</a>
            <a href="#">家居</a>
            <a href="#">食品</a>
            <a href="#">酒</a>
            <a href="#">手机</a>
            <a href="#">数码</a>
            <a href="#">家电</a>
            <a href="#">电脑</a>
        </div>

        <div class="clear10"></div>

        <div><img src="img/banner.png"></div>


        <div class="clear10"></div>

        <div id="bookTop">
            <div class="title">
                <img src="img/bg_bang.gif">
                
            </div>

            <div class="bookLeft">
                <img src="img/book-01.jpg">
            </div>

            <div class="bookRight1">
                <img src="img/book-02.jpg">
            </div>

            <div class="bookRight2">
                <img src="img/book-03.jpg">
            </div>


        </div>

        <div id="footer">
            Copyright(c)当当玩法2004-2017，All Rights Reserved
            <img src="img/validate.gif">
            京ICP证041189号出版社经营许可证新出发批字
        </div>

    </div>
</body>
</html>